/*
  Custom Theme
*/

.ag-theme-quartz {
  --price-cell-background-colour: #d4cccc;
  --ag-checkbox-checked-color: rgb(126, 46, 132);
  --ag-header-column-resize-handle-color: rgb(155, 155, 155);
}

.ag-theme-quartz-dark {
  --price-cell-background-colour: #262c31;
  --ag-checkbox-checked-color: rgb(126, 46, 132);
  --ag-header-column-resize-handle-color: rgb(155, 155, 155);
}

/*
  Row Styles
*/

.row {
  font-family: 'Courier New';
}

.successful-mission:hover {
  background: green;
}

.unsucessful-mission:hover {
  background: red;
}

/*
  Cell Styles
*/

.mission-cell {
  font-weight: 900;
  cursor: pointer;
}

.very-low-cost {
  background: linear-gradient(to right, #03682995 30%, var(--price-cell-background-colour) 1%);
  border-right: var(--price-cell-background-colour) !important;
}

.low-cost {
  background: linear-gradient(to right, #03682995 45%, var(--price-cell-background-colour) 1%);
  border-right: var(--price-cell-background-colour) !important;
}

.medium-cost {
  background: linear-gradient(to right, #FFA50095 60%, var(--price-cell-background-colour) 1%);
  border-right: var(--price-cell-background-colour) !important;
}

.high-cost {
  background: linear-gradient(to right, #FF000095 75%, var(--price-cell-background-colour) 1%);
  border-right: var(--price-cell-background-colour) !important;
}

.very-high-cost {
  background: linear-gradient(to right, #FF000095 90%, var(--price-cell-background-colour) 1%);
  border-right: var(--price-cell-background-colour) !important;
}